<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>授权登录</title>
</head>


<body>
<div class="login-container">
    <div class="form-container">
<!--        <div>-->
<!--            <div>-->
<!--                <img src="" alt="">-->
<!--            </div>        -->
            <div class="form-title">授权登录</div>
<!--        </div>-->
        <div class="form-content">
            <form name="loginForm" method="post" action="/login">
                <input type="text" name="username" placeholder="请输入用户名"/>
                <br>
                <input type="password" name="password" placeholder="请输入密码"/>
                <br>
                <button type="submit" class="btn">登 &nbsp;&nbsp; 录</button>
            </form>
        </div>
    </div>

    <img src="" alt="">
</div>
<style>
    .login-container {
        width: 100vw;
        height: 100vh;
        display: grid;
        place-items: center
    }

    .form-container {
        width: 600px;
        height: 40%;
        border-radius: 20px;
        box-shadow: 1px 1px 10px #888888;
        padding: 0px 40px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .form-title {
        font-size: 35px;
        width: 100%;
        height: 30%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .form-content {
        flex: 1;
        padding-top: 5px;
        box-sizing: border-box;
    }

    input {
        margin-top: 10px;
        width: 350px;
        height: 30px;
        border-radius: 3px;
        border: 1px #409EFF solid;
        margin-bottom: 20px;
        padding: 20px 20px 20px 10px;
        box-sizing: border-box;
    }


    .btn {
        width: 350px;
        height: 35px;
        cursor: pointer;
        margin-top: 10px;
        border-radius: 3px;
        background-color: #409EFF;
        color: white;
        border: none;
        font-size: 15px;
        padding: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

</style>
</body>
</html>
